(function (jQuery) {
    $(function () {
        $(function() {
            $("img").lazyload({effect: "fadeIn"});
            $("img.lazy").lazyload({ threshold :180});
        });
        //这是top的鼠标移入效果
        $(".top").find("li").on("mouseenter", function () {
            $(this).find("img").css("display", "block");
        })
        $(".top").find("li").on("mouseleave", function () {
            $(this).find("img").css("display", "none");
        })
        //banner部分轮播图
        var imgIndex = 0;
        function autoplay() {
            imgIndex++;
            if (imgIndex > 3) {
                imgIndex = 0;
            }
            $(".banner_pic").find("li").eq(imgIndex).addClass("current").siblings("li").removeClass("current");
            $(".circle").find("li").eq(imgIndex).addClass("current").siblings("li").removeClass("current");
        }
        let timer = setInterval(autoplay, 3000);
        $(".banner_pic").mouseenter(function () {
            clearInterval(timer);
        }).mouseleave(function () {
            timer = setInterval(autoplay, 3000);
        })
        $(".circle li").mouseenter(function () {
            clearInterval(timer);
            let index = $(this).index();
            $(".banner_pic").find("li").eq(index).addClass("current").siblings("li").removeClass("current");
            $(this).addClass("current").siblings("li").removeClass("current");
        }).mouseleave(function () {
            timer = setInterval(autoplay, 3000);
        })
        //tab栏切换
        $(".btn").find("li").click(function () {
            $(this).addClass("current").siblings("li").removeClass("current");
            let index = $(this).index();
            $(".content").find("li").eq(index).addClass("current").siblings("li").removeClass("current");
        })
        //发现潮流的轮播图
        $(".arrow_left").click(function () {
            //这里不用css的原因是css获取到的是一个字符串
            let left = $(".trends").find("ul").position().left;
            left -= 1170;
            if (left < -1170) {
                left = -1170;
            }
            $(".trends").find("ul").css("left", left);
        }).siblings(".arrow_right").click(function () {
            let left = $(".trends").find("ul").position().left;
            left += 1170;
            if (left > 0) {
                left = 0;
            }
            $(".trends").find("ul").css("left", left);
        })

        $("#goTop").click(function () {
            $("html,body").animate({scrollTop: 0}, 'slow');
        });
        $("#userbox").mouseenter(function () {
            $(".user").css("display", "block").show();
        })
        $("#userbox").mouseleave(function () {
            $(".user").css("display", "none");
        })
        $(".user").mouseleave(function () {
            $(".user").css("display", "none");
        })

        $.ajax({
            url: "../../server/product/getGoodList.php"
        }).then(function (res) {
            let str = ``;
            console.log(11);
            res.forEach((ele, index) => {
                console.log(111);
                str += `<li>
                               <a href="item.html?id=${ele.gid}"><img src=${ele.img[0]} alt="">
                                <div>
                                    <p>${ele.goodName}</p>
                                    <span>¥${ele.price}</span><span>¥${ele.pre_price}</span>
                                </div>
                               </a>
			                </li>`;
            })
            $(".recommended").find("ul").html($(".recommended").find("ul").html() + str);
        })
    })
})
(jQuery)